<extend name="Base/common" />
<block name="body">
<style type="text/css">
.address input{
	width:100px;	
}
.chooseShopDialog li{
		 height:50px;
}
.chooseShopDialog li span{
		 
		width:100px;
		 height:50px;
		 float:left;
	   text-align:center;	   
}
.img img{
	  width:50px;
	  height:50px;
}
.shop_tr input{
	width:100px;	
}
</style>
  <div class="span9 page_message">
  <section id="contents"> <include file="Addons/_nav" />
    <div class="tab-content"> 
      <!-- 表单 -->
      <php> $post_url || $post_url = U('add?model='.$model['id'], $get_param);</php>
      <form id="form" action="{$post_url}" method="post" class="form-horizontal form-center">
        <volist name="fields" id="field">
          <if condition="$field['is_show'] == 4">
            <input type="hidden" class="text" name="{$field.name}" value="{:I($field[name], $field[value])}">
          </if>
          <if condition="$field['is_show'] == 1 || $field['is_show'] == 2 || ($field['is_show'] == 5 && I($field['name']))">
            <div class="form-item cf toggle-{$field.name}">
              <label class="item-label">
                <notempty name="field.is_must"><span class="need_flag">*</span></notempty>
                {$field['title']} <span class="check-tips">
                <notempty name="field['remark']">（{$field['remark']}）</notempty>
                </span></label>
              <div class="controls">
                <switch name="field.type">
                  <case value="num">
                    <input type="number" class="text" name="{$field.name}" value="{:I($field[name], $field[value])}">
                  </case>
                  <case value="string">
                    <input type="text" class="text input-large" name="{$field.name}" value="{:I($field[name], $field[value])}">
                  </case>
                  <case value="textarea">
                    <label class="textarea input-large">
                      <textarea name="{$field.name}">{:I($field[name], $field[value])}</textarea>
                    </label>
                  </case>
                  <case value="datetime">
                    <input type="datetime" name="{$field.name}" class="text time" value="{:I($field[name], $field[value])}" placeholder="请选择时间" />
                  </case>
                  <case value="date">
                    <input type="datetime" name="{$field.name}" class="text date" value="{:I($field[name], $field[value])}" placeholder="请选择日期" />
                  </case>
                  <case value="bool">
                    <volist name=":parse_field_attr($field['extra'])" id="vo">
                      <div class="check-item"> 
                        <!--[if !IE]><!--> 
                        <input type="radio" class="regular-radio toggle-data" value="{$key}" id="{$field.name}_{$key}" name="{$field.name}" toggle-data="{$vo|get_hide_attr}"
								  
                        <eq name="field.value" value="$key">checked</eq>
                        />
                        <label for="{$field.name}_{$key}"></label>
                        {$vo|clean_hide_attr} 
                        <!--<![endif]--> 
                        <!--[if IE]>
							       <input type="radio" value="{$key}" 
								   id="{$field.name}_{$key}" name="{$field.name}" class="toggle-data" toggle-data="{$vo|get_hide_attr}"
								  <eq name="field.value" value="$key">checked="checked"</eq> />
								  <label for="{$field.name}_{$key}"></label>{$vo|clean_hide_attr}
							   <![endif]--> 
                      </div>
                    </volist>   
                    
                  </case>
                  <case value="select">
                    <select name="{$field.name}">
                      <volist name=":parse_field_attr($field['extra'])" id="vo"> <option value="{$key}" class="toggle-data" toggle-data="{$vo|get_hide_attr}"
                              
                        <eq name="field.value" value="$key">selected</eq>
                        >{$vo|clean_hide_attr}
                              
                        </option>
                      </volist>
                    </select>
                  </case>
                  <case value="cascade">
                    <div id="cascade_{$field.name}"></div>
                    {:hook('cascade', array('name'=>$field['name'],'value'=>$field['value'],'extra'=>$field['extra']))} </case>
                  <case value="dynamic_select">
                  <div id="dynamic_select_{$field.name}"></div>
                  {:hook('dynamic_select', array('name'=>$field['name'],'value'=>$data[$field['name']],'extra'=>$field['extra']))}
                  </case>
                  <case value="news">
                  <div id="news_{$field.name}"></div>
                  {:hook('news', array('name'=>$field['name'],'value'=>$data[$field['name']],'extra'=>$field['extra']))}
                  </case> 
                  <case value="image">
                  <div id="image_{$field.name}"></div>
                  {:hook('image', array('name'=>$field['name'],'value'=>$data[$field['name']],'extra'=>$field['extra']))}
                  </case>                                                           
                  <case value="radio">
                    <volist name=":parse_field_attr($field['extra'])" id="vo">
                      <div class="check-item"> 
                        <!--[if !IE]><!--> 
                        <input type="radio" class="regular-radio toggle-data" value="{$key}" id="{$field.name}_{$key}" name="{$field.name}" toggle-data="{$vo|get_hide_attr}"
								  
                        <eq name="field.value" value="$key">checked</eq>
                        />
                        <label for="{$field.name}_{$key}"></label>
                        {$vo|clean_hide_attr} 
                        <!--<![endif]--> 
                        <!--[if IE]>
							       <input type="radio" value="{$key}" 
								   id="{$field.name}_{$key}" name="{$field.name}" class="toggle-data" toggle-data="{$vo|get_hide_attr}"
								  <eq name="field.value" value="$key">checked="checked"</eq> />
								  <label for="{$field.name}_{$key}"></label>{$vo|clean_hide_attr}
							   <![endif]--> 
                      </div>
                    </volist>
                    
                     
            
                           
                  </case>
                  <case value="checkbox">
                    <volist name=":parse_field_attr($field['extra'])" id="vo">
                      <div class="check-item"> <input type="checkbox" class="regular-checkbox toggle-data" value="{$key}" id="{$field.name}_{$key}" name="{$field.name}[]" toggle-data="{$vo|get_hide_attr}"
                              
                        <in name="key" value="$field['value']" >checked="checked"</in>
                        >
                        <label for="{$field.name}_{$key}"></label>
                        {$vo|clean_hide_attr} </div>
                    </volist>
                  </case>
                  <case value="editor">
                    <label class="textarea">
                      <textarea name="{$field.name}" style="width:405px; height:200px;"></textarea>
                      {:hook('adminArticleEdit', array('name'=>$field['name'],'value'=>$field['value']))} </label>
                  </case>
                  <case value="picture">
                    <div class="controls uploadrow2" title="点击修改图片" rel="{$field.name}">
                      <input type="file" id="upload_picture_{$field.name}">
                      <input type="hidden" name="{$field.name}" id="cover_id_{$field.name}"/>
                      <div class="upload-img-box">
                        <notempty name="data[$field['name']]">
                       
                          <div class="upload-pre-item2"><img width="100" height="100" src="{$data[$field['name']]|get_cover_url}"/></div>
                          <em class="edit_img_icon">&nbsp;</em>
                        </notempty>
                        
                      </div>
                    </div>
                  </case>
                  <case value="mult_picture">
                  	<div class="mult_imgs">
                    	<div class="upload-img-view" id='mutl_picture_{$field.name}'>
                          <notempty name="data[$field['name']]">
                            <volist name="data[$field['name']]" id="vo">
                            <div class="upload-pre-item22">
                            <img width="100" height="100" src="{$vo|get_cover_url}"/>
                            <input type="hidden" name="{$field.name}[]" value="{$vo}"/>
                            <em>&nbsp;</em>
                            </div>
                            </volist>
                          </notempty>
                        </div>
                        <div class="controls uploadrow2 mult" title="点击上传图片" rel="{$field.name}">
                          <input type="file" id="upload_picture_{$field.name}">
                        </div>
                    </div>
                  </case>
                  <case value="file">
                    <div class="controls upload_file">
                      <input type="file" id="upload_file_{$field.name}" title="点击修改文件">
                      <input type="hidden" name="{$field.name}" value="{$data[$field['name']]}"/>
                      <div class="upload-img-box">
                        <present name="data[$field['name']]">
                          <div class="upload-pre-file"><span class="upload_icon_all"></span>{$data[$field['name']]}</div>
                        </present>
                      </div>
                    </div>
                  </case>
                  <case value="user">
                    <div class="controls">
                    	<div id="userList" class="common_add_list fl">
                            <notempty name="data[$field['name']]">
                                <div class="item" onClick="$.WeiPHP.selectSingleUser('{:addons_url('UserCenter://UserCenter/lists')}','{$field.name}');">
                                	<php>
                                    	$userInfo = getUserInfo($data[$field['name']]);
                                        
                                    </php>
                                    <img src="{$userInfo['headimgurl']}"/><br/><span>{$userInfo['nickname']}</span>
                                    <input type="hidden" name="{$field.name}'" value="{$data[$field['name']]}"/>
                                    <span class="name">{$userInfo['nickname']}</span>
                                </div>
                            <else/>
                            <a href="javascript:;" class="common_add_btn fl" onClick="$.WeiPHP.selectSingleUser('{:addons_url('UserCenter://UserCenter/lists')}','{$field.name}');"></a>
                            </notempty>
                       </div>
                    </div>
                  </case>
                  <case value="users">
                        <div class="controls">
                            <div id="userList" class="common_add_list fl">
                                <notempty name="data[$field['name']]">
                                	<php>
                                            $userIds = explode(',',$data[$field['name']]);
                                            
                                    </php>
                                	<volist name="userIds" id="uid">
                                    <php>
                                            $userInfo = getUserInfo($uid);
                                            
                                    </php>
                                    <div class="item" onClick="$.WeiPHP.selectSingleUser('{:addons_url('UserCenter://UserCenter/lists')}','{$field.name}');">
                                        <php>
                                            $userInfo = getUserInfo($data[$field['name']]);
                                            
                                        </php>
                                        <img src="{$userInfo['headimgurl']}"/><br/><span>{$userInfo['nickname']}</span>
                                        <input type="hidden" name="{$field.name}'[]" value="{$data[$field['name']]}"/>
                                        <span class="name">{$userInfo['nickname']}</span>
                                    </div>
                                    </volist>
                                </notempty>
                               <a href="javascript:;" class="common_add_btn fl" onClick="$.WeiPHP.selectMutiUser('{:addons_url('UserCenter://UserCenter/lists')}',9,'{$field.name}');"></a>
                           </div>
                        </div>
                      </case>
                  <default/>
                  <input type="text" class="text input-large" name="{$field.name}" value="{:I($field[name], $field[value])}">
                </switch>
              </div>
            </div>
          </if>
        </volist>
        <div class="controls">
        	 <label class="item-label">添加奖品</label>
			                
			                <table id="awardList" class="form_table" cellpadding="0" cellspacing="1">
                			<thead>
                        	<tr>
	                            <td>奖品名称</td>
	                            <td>奖品图片</td>
	                            <td>奖品类型</td>
	                            <td><span class="need_flag">*</span>中奖等级名</td>
	                            <td><span class="need_flag">*</span>奖品数量</td>
	                            <td><span class="need_flag">*</span>最多抽奖<span class="check-tips">（n次,把奖品发放完）</span></td>
	                            <td>操作</td>
                       		 </tr>
                    		</thead>
                   		 <tbody>
                    	<volist name="award_list" id="vo">
	                        <tr class="shop_tr">
	                            <td><input type="hidden" name="award_id[]" value="{$vo.award_id}"/><span class="name">{$vo.name}</span></td>
	                             <td><span class="img"><img src="{$vo.img|get_cover_url}" width='50' height='50'/></span></td>
	                            <td><span class="award_type">{$vo.type_name}</span></td>
	                            
	                            <td><span class="address"><input name='grade[{$vo.award_id}]' value='{$vo.grade}'/></span></td>
	                            <td><span class="address"><input name='num[{$vo.award_id}]' value='{$vo.num}'/></span></td>
	                            <td><span class="address"><input name='max_count[{$vo.award_id}]' value='{$vo.max_count}'/></span></td>
	                            <td><a href="javascript:;" onclick="removeSingleAddress(this)">删除</a></td>
	                        </tr>
                         </volist>
                         	<tr class="add_tr"><td colspan="7">
                            	<a href="javascript:;" onClick="chooseAward();">+添加奖品</a>
                            </td></tr>
                    	</tbody>
                </table>
            </div>
        </div>
        <div class="form-item form_bh">
          <button class="btn submit-btn ajax-post" id="submit" type="submit" target-form="form-horizontal">{$submit_name|default='确 定'}</button>
        </div>
      </form>
      		<!-- 预览 -->
        <include file="Addons/weixinPreview" />  
    </div>
    
    
  </section>
  </div>
</block>
<block name="script">
  <link href="__STATIC__/datetimepicker/css/datetimepicker.css?v={:SITE_VERSION}" rel="stylesheet" type="text/css">
  <php>if(C('COLOR_STYLE')=='blue_color') echo '
  <link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css?v={:SITE_VERSION}" rel="stylesheet" type="text/css">
    ';</php>
  <link href="__STATIC__/datetimepicker/css/dropdown.css?v={:SITE_VERSION}" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.js"></script> 
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js?v={:SITE_VERSION}" charset="UTF-8"></script> 
  <script type="text/javascript">
$('#submit').click(function(){
    $('#form').submit();
});

$(function(){
	//初始化上传图片插件
	initUploadImg();
	initUploadFile();
    $('.time').datetimepicker({
        format: 'yyyy-mm-dd hh:ii',
        language:"zh-CN",
        minView:0,
        autoclose:true
    });
    $('.date').datetimepicker({
        format: 'yyyy-mm-dd',
        language:"zh-CN",
        minView:2,
        autoclose:true
    });	
    showTab();
	
	$('.toggle-data').each(function(){
		var data = $(this).attr('toggle-data');
		if(data=='') return true;		
		
	     if($(this).is(":selected") || $(this).is(":checked")){
			 change_event(this)
		 }
	});
	$('.toggle-data').bind("click",function(){ change_event(this) });
	$('select').change(function(){
		$('.toggle-data').each(function(){
			var data = $(this).attr('toggle-data');
			if(data=='') return true;		
			
			 if($(this).is(":selected") || $(this).is(":checked")){
				 change_event(this)
			 }
		});
	});
	//填充
	$("iframe").load(function(){
		
		var count = 0;
		var prevLiHtml = "";
		$('.shop_tr').each(function(index, element) {
			count++;
			var id = $(this).find('.shop_id').val();
			//console.log(1);
			var name = $(this).find('.name').text();
			var img = $(this).find('.img img').attr('src');
			var award_type= $(this).find('.award_type').text();
				
			prevLiHtml = '<li class="item single_address">'+
					'<span class="title">'+name+'</span><br/>'+
					 '<a href="#"><img src="'+img+'" width="50" height="50" /></a>'+
                     '<a href="#">'+award_type+'</a>'+
                     '<td><input name="grade['+id+']" /></td>'+
							'<td><input name="num['+id+']" /></td>'+
							'<td><input name="max_count['+id+']" /></td>'+
					'<a href="#"><em>&nbsp;</em></a>'+
				'</li>';
			
        });
		if(count==1){
			$(window.frames["wxIframe"].document).find(".v_nav").append(prevLiHtml);
		}else if(count>1){
			var prevHtml = '<a class="item" href="#">适用门店<em>&nbsp;</em></a>';
			$(window.frames["wxIframe"].document).find(".v_nav").append(prevHtml);
		}
		
		
	})
	//编辑页面预览
	$('input[name="title"]').keyup(function(){
		var val = $(this).val();
		$(window.frames["wxIframe"].document).find("#title").text(val);
	})
	$('input[name="shop_name"]').keyup(function(){
		var val = $(this).val();
		$(window.frames["wxIframe"].document).find(".name").text(val);
	})
});
  
//添加地址
  var addnewShopUrl = "{:addons_url('Draw://Award/add?model=sport_award')}";
  function chooseAward(){
  	var $shopHtml = $('<div class="chooseShopDialog"><ul><center><img src="__IMG__/loading.gif"/></center></ul><br/><a href="javascript:;" target="_blank" id="addNewShopBtn" class="border-btn">增加新奖品</a><div class="m15"><a href="javascript:;" class="btn" id="confirmBtn">确定</a></div></div>');
  	$.Dialog.open("添加奖品",{width:600,height:500},$shopHtml);
  	$('#addNewShopBtn',$shopHtml).click(function(){
  		window.open(addnewShopUrl);
  		$.Dialog.close();
  	})
  	var ids = [];
  	$('.shop_tr').each(function(index, element) {
          var _id = $(this).find('input').val();
  		ids[index] = _id;
      });
  	$.ajax({
  		url:"{:addons_url('Draw://Award/list_data',array('p'=>1))}",
  		data:{},
  		dataType:'JSON',
  		success:function(data){
  			var html = "";
  			var list_data = data.list_data;
  			if(list_data && list_data.length>0){
  				for(var i=0;i<list_data.length;i++){
  					//console.log(list_data[i].name)
  					var id = list_data[i].id;
  					var name = list_data[i].name;
  					var award_type = list_data[i].type_name;
  					var award=list_data[i].award_title;
  					var img_url=list_data[i].img_url;
  					//console.log(ids)
  					//console.log(id)
  					if(ids.indexOf(id)!=-1){
  						html += '<li><input type="checkbox"  checked="true" class="shop_id" value="'+id+'"/><span class="name">'+name+'</span><span class="img"><img src="'+img_url+'" ></span><span class="award_type">'+award_type+'</span><span class="award">'+award+'</span></li>';
  					}else{
  						html += '<li><input type="checkbox" class="shop_id" value="'+id+'"/><span class="name">'+name+'</span><span class="img"><img src="'+img_url+'" width="50" height="50"></span><span class="award_type">'+award_type+'</span><span class="award">'+award+'</span></li>';
  					}
  				}
  				if(html!=""){
  					$('ul',$shopHtml).html(html);
  					$('#awardList').show();
  				}
  			}else{
  				$('ul',$shopHtml).html("<center>奖品库还没有奖品</center>");
  			}
  		}
  	})
  	$('#confirmBtn',$shopHtml).click(function(){
  		var selectHtml = "";
  		var count = 0;
  		var prevLiHtml = "";
  		$('li',$shopHtml).each(function(index, element) {
  			if($(this).find('.shop_id').prop("checked")==true){
  				count++;
  				//console.log(1);
  				var id = $(this).find('.shop_id').val();
  				var name = $(this).find('.name').text();
  				var img = $(this).find('.img img').attr('src');
  				var award_type= $(this).find('.award_type').text();
				var idArr = new Array();
				$('#awardList tbody .shop_tr').each(function(index, element) {
                    idArr.push($(element).find('input[name="award_id[]"]').val());
                });
				if($.inArray(id,idArr)==-1){
  					selectHtml += '<tr class="shop_tr">'+
  								'<td><input type="hidden" name="award_id[]" value="'+id+'"/>'+name+'</td>'+
  								'<td><img src="'+img+'" width="50" height="50" /></td>'+
  								'<td>'+award_type+'</td>'+
  								'<td><input name="grade['+id+']" /></td>'+
  								'<td><input name="num['+id+']" /></td>'+
  								'<td><input name="max_count['+id+']" /></td>'+
  								'<td><a href="javascript:;" onclick="removeSingleAddress(this)">删除</a></td>'+
  							'</tr>';
				}
  				prevLiHtml = '<li class="item single_address">'+
                          '<span class="title">'+name+'</span><br/>'+
                           '<a href="#"><img src="'+img+'" width="50" height="50" /></a>'+
                           '<a href="#">'+award_type+'</a>'+
                           '<td><input name="grade['+id+']" /></td>'+
								'<td><input name="num['+id+']" /></td>'+
								'<td><input name="max_count['+id+']" /></td>'+
                          '<a href="#"><em>&nbsp;</em></a>'+
                      '</li>';
  			}
          });
  		$(selectHtml).insertBefore($('#awardList tbody .add_tr'));
  		//$(window.frames["wxIframe"].document).find(".v_nav .item").eq(0).siblings().remove();
  		if(count==1){
  			//$(window.frames["wxIframe"].document).find(".v_nav").append(prevLiHtml);
  		}else if(count>1){
  			var prevHtml = '<a class="item" href="#">添加奖品<em>&nbsp;</em></a>';
  			//$(window.frames["wxIframe"].document).find(".v_nav").append(prevHtml);
  		}
  		$.Dialog.close();
  	})
  	
  }
  function removeSingleAddress(_this){
  	$(_this).parents('tr').remove();
  	if($('.shop_tr').size()==0){
  		//$(window.frames["wxIframe"].document).find(".v_nav .item").eq(0).siblings().remove();
  	}
  }

</script> 
</block>
